<template>
	<view class="container">
		<view class="form" :style="{ backgroundImage: 'url(' + withdrawalBg + ')' }">
			<image :src="success"></image>
			<view class="title">提现申请提交成功</view>
			<view class="tips">
				提现后24小时内到账，若未及时到账请联系
				智汇方舟客服人员
			</view>
			<view class="bottom">
				<view class="content">
					<view class="left">收款账户</view>
					<view class="right">{{ops.name}}{{(ops.num.substring(ops.num.length-4))}}</view>
				</view>
				<view class="content">
					<view class="left">提现金额</view>
					<view class="right" style="color: #4B9CFF;">{{ops.value}}元</view>
				</view>
			</view>
		</view>
		<view class="btn" @click="handleClickSubmit">返回（3）</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ops:'',
				withdrawalBg: this.$mAssetsPath.withdrawalBg,
				success: this.$mAssetsPath.success
			}
		},
		onLoad(ops) {
			this.ops = ops;
			console.log('ops',ops)
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: #f4f4f4;
	}

	.container {
		padding: 44upx;
		.btn {
			width: 100%;
			height: 80upx;
			background-color: #AB61FF;
			border-radius: 40upx;
			line-height: 80upx;
			text-align: center;
			color: #fff;
			font-size: 32upx;
			margin-top: 220upx;
		}
		.form {
			width: 100%;
			height: 694upx;
			background-size: auto 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			.bottom{
				width: 100%;
				padding: 0 37upx;
				position: absolute;
				left: 0;
				bottom: 40upx;
				.content{
					display: flex;
					justify-content: space-between;
					font-size: 28upx;
					height: 62upx;
					line-height: 62upx;
					.left{
						color: #0D1D36;
					}
					.right{
						color: #888D99;
					}
				}
			}
			.tips{
				width: 100%;
				padding: 0 65upx;
				color: #888D99;
				margin-top: 32upx;
				line-height: 40upx;
				font-size: 28upx;
			}
			.title {
				font-size: 36upx;
				color: #0D1D36;
				font-weight: bold;
				line-height: 36upx;
				margin-top: 30upx;
			}

			image {
				margin-top: 65upx;
				width: 160upx;
				height: 160upx;
			}
		}
	}
</style>
